page {
  background-color: #fff;
}

.container {
  display: flex;
  height: 100vh;
  background-color: #fff;
  border-top: 1px solid #ededed;
}

.response-tip {
  color: #985100;
  width: 450rpx;
  background-color:#ffd40d;
  text-align: center;
  line-height: 75rpx;
  font-size:26rpx;
  padding: 0;
  margin: auto;
  margin-top: 40vh;
  border-radius: 50rpx;
}

.type-container {
  box-sizing: border-box;
  width: 300rpx;
  height: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border-right: 1px solid #e5e5e5;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.type-item {
    position: relative;
    font-size: 26rpx;
    color: #666;
    /*border-bottom: 1px solid #000;*/
}

.type-item::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(bottom, #f5f5f5, #e5e5e5);
    background: linear-gradient(0deg, #f5f5f5, #e5e5e5);
}

.type-item.active {
    background-color: #fff;
    /*border-bottom: 1px solid #ffd40d;*/
}

.type-item.active::before {
  height: 2px;
  background: -webkit-linear-gradient(bottom, #fff, #ffd40d);
  background: linear-gradient(0deg, #fff, #ffd40d);
}

.type-content {
  display: block;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}

.product-container {
    padding-bottom: 32rpx;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.product-item {
   position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    /* -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; */
    padding-top: 24rpx;
    padding-bottom: 24rpx;
    margin-left: 24rpx;
    margin-right: 24rpx;
    /*border-bottom: 1px solid #f5f5f5;*/
}
.product-item::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(bottom, #fff, #d9d9d9);
    background: linear-gradient(0deg, #fff, #d9d9d9);
}
.product-img {
    width: 200rpx;
    height: 155rpx;
    background-color: #e5e5e5;
}

.product-info {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 20rpx;
}

.product-name {
    font-size: 26rpx;
    color: #333;
}
